.container {
  .button {
    background: #e8f4ff;
    color: $primary-color;
    width: 100%;
    padding: 8px $padding;
    border-radius: 8px;
    font-size: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: $padding;
  }
  .selectPanel {
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    background: #f8f8f8;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    .listWrap {
      flex: 1;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      gap: $padding;
      .list {
        flex: 1;
        @include hideScroll;
        .card {
          width: 100%;
          display: flex;
          align-items: center;
          gap: $padding;
          .icon {
            width: 108px;
            height: 108px;
            border-radius: $borderRadius;
          }
          .middle{            
            .name{

            }
          }
          .check {
            margin-left: auto;
            // width: 35px;
            // height: 35px;
            border-radius: $borderRadius;
          }
        }
      }
    }
  }
}
